<!DOCTYPE html>
<html manifest="project.manifest" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ETH Guide</title>
<STYLE TYPE="text/css" MEDIA="all">
<!--
@import url(stylesheets/reset.css);

@import url(stylesheets/basic.css);
-->
</STYLE>

<script src="scripts/jquery-1.9.1.js"></script>
<script src="scripts/jqmultitouch/jquery.multitouch.js"></script>
<script src="scripts/navigation.js"></script>
<script>
	initNavigation(getCurrentPage(), 'body', 40);
</script>
</head>
<body>
	<section id="top">
		<nav id="leftColumn">
			<a id="menu" href="#">Menu</a>
			<a href="#">About Us</a>
			<a href="#">People</a>
			<a href="#">Research</a>
			<a href="#">Studies</a>
			<a href="#">Training</a>
			<a href="#">Campus Info</a>
		</nav>
		<header id="topMain">
			<ul>
				<li><a href="index.html" id="activated">Home</a></li>
				<li><a href="article.html">ETH Life</a></li>
				<li><a href="gallery.html">Photo Tour</a></li>
			</ul>
		</header>
		<section id="mainColumn">
			<h1>
				<a href="#">ETH GUIDE</a>
			</h1>
			<article id="teaser" class="marginLeftAndRight horizontalDottedLine">
				<div>
					<img src="images/teaser-article.jpg" alt="" />
					<h3>Shedding light on the earthquake situation.</h3>
					<p>
						Researchers from the Swiss Seismological Service have worked together with the Seismology and
						Geodynamics group at ETH Zurich and with local support in Bhutan to install a temporary
						seismological network. They plan to use the network to close a gap in geophysical research of
						the Himalayas.
						<a id="teaserReadMore" href="#">Read more...</a>
					</p>
				</div>
				<div id="teaserFooter">
					<a class="footer" href="#">Sept 21 by David</a>
					<span>000 views</span>
				</div>
			</article>
			<div class="footer ">
				<div class="articles">
					<article class="floatLeft verticalLine horizontalHiddenLine">
						<h3>Subordinate animals as guinea pigs.</h3>
						<a href="#">
							<img src="images/article-1.jpg" alt="" />
						</a>
						<p>Subordinate animals must face higher risks than dominant ones Dominant meerkat females
							yield to their subaltern group members when faced with a dangerous obstacle: as a group of
							these animals reaches a road.</p>
					</article>
					<article class="floatLeft">
						<h3>EU launches two flagships.</h3>
						<a href="#">
							<img src="images/article-5.jpg" alt="" />
						</a>
						<p>The EU is launching two large-scale research projects for the next ten years in the
							form of “Graphene” and the “Human Brain Project”. “FuturICT” and “Guardian Angels”.</p>
					</article>
				</div>
			</div>
			<div class="footer">
				<div class="articles">
					<article class="floatLeft verticalLine horizontalHiddenLine">
						<h3>Research success by the dozen.</h3>
						<a href="#">
							<img src="images/article-3.jpg" alt="" />
						</a>
						<p>Thanks to twelve outstanding professors, over 33 million Swiss francs from the European
							Research Council (ERC) will flow into ETH Zurich.</p>
					</article>
					<article class="floatLeft">
						<h3>Research success by the dozen - 2.</h3>
						<a href="#">
							<img src="images/article-4.jpg" alt="" />
						</a>
						<p>The EU is launching two large-scale research projects for the next ten years in the
							form of “Graphene” and the “Human Brain Project”.</p>
					</article>
				</div>
			</div>
			<div class="footer">
				<div class="articles">
					<article class="floatLeft verticalLine horizontalHiddenLine">
						<h3>How graphene behaves on a small scale.</h3>
						<a href="#">
							<img src="images/article-2.jpg" alt="" />
						</a>
						<p>ETH Zurich is involved in the “Graphene Flagship” project through Klaus Ensslin, a
							professor of experimental physics. ETH Life spoke to him about the advantages of graphene and
							his personal vision.</p>
					</article>
					<article class="floatLeft">
						<h3>Competitively displaced native species do suffer extinctions.</h3>
						<a href="#">
							<img src="images/article-6.jpg" alt="" />
						</a>
						<p>ETH-Ecology-Professor Jonathan Levine showed that invasive species can indeed force the
							extinction of their native competitors over a long period of time.</p>
					</article>
				</div>
				<div id="readMore">
					<a href="#">Load more...</a>
				</div>
			</div>
		</section>
		<section id="rightColumn">
			<div id="photoTitle">
				<h3>Photo Tour</h3>
			</div>
			<div class="photo">
				<h3>ETH Zentrum</h3>
				<div class="pictures">
					<a href="#">
						<img src="images/eth-1.jpg" alt="">
					</a>
					<a href="#">
						<img src="images/eth-2.jpg" alt="">
					</a>
					<a href="#">
						<img src="images/eth-3.jpg" alt="">
					</a>
					<a href="#">
						<img src="images/eth-4.jpg" alt="">
					</a>
				</div>
			</div>
			<div class="photo">
				<h3>ETH Hoenggerberg</h3>
				<div class="pictures">
					<a href="#">
						<img src="images/eth-5.jpg" alt="">
					</a>
					<a href="#">
						<img src="images/eth-6.jpg" alt="">
					</a>
					<a href="#">
						<img src="images/eth-7.jpg" alt="">
					</a>
					<a href="#">
						<img src="images/eth-8.jpg" alt="">
					</a>
				</div>
			</div>
			<div id="stayInformed">
				<h2>Stay Informed:</h2>
				<a class="fbk_link" href="http://facebook.com/">Facebook</a>
				<a class="twt_link" href="http://twitter.com/">Twitter</a>
			</div>
		</section>
		<div>&nbsp;</div>
		<footer id="bottomMain">
			<div>
				<div class="footerLinks">
					<h3>Imprint</h3>
				</div>
				<div class="footerLinks">
					<h3>Disclaimer</h3>
				</div>
				<div class="footerLinks">
					<h3>Contact</h3>
				</div>
				<div class="footerLinks">
					<h3>Help</h3>
				</div>
			</div>
			<div id="copyright" class="footer">
				<p>&copy; Copyright 2013. All rights reserved</p>
			</div>
		</footer>
	</section>
</body>
</html>
